<template>
  <div>
    <van-swipe class="my-swipe" :autoplay="3000" :show-indicators="false">
      <van-swipe-item v-for="(item, index) in swiperList" :key="index">
        <template v-if="item.prizeType === '1'">
          {{ item.mobileNo }} {{ item.prizeName }}
        </template>

        <template v-if="item.prizeType === '2'">
          {{ item.mobileNo }} {{ item.prizeName }}
        </template>
      </van-swipe-item>
    </van-swipe>
  </div>
</template>

<script>
import { Swipe, SwipeItem } from "vant";

export default {
  data: function() {
    return {};
  },
  props: {
    swiperList: []
  },
  components: {
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem
  }
};
</script>

<style lang="scss" scoped>
.my-swipe {
  .van-swipe-item {
    background: rgba(31, 29, 32, 0.53);
    border-radius: 23px;
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    min-width: 200px !important;
    padding: 11px 20px;
    opacity: 0.53;
    text-align: left;
    box-sizing: border-box;
  }
}
</style>
